<template>
	<view>
		<box-a>
			<view class="lf-time">
				<uni-datetime-picker type="date" :clear-icon="false" v-model="single" @maskClick="maskClick" />
			</view>
		</box-a>
	</view>
</template>

<script>
	
	import boxA from '@/components/box-a/box-a.vue'
	
	export default {
		components: {
			boxA
		},
		name:"lf-time",
		data() {
			return {
				single: ''
			};
		},
		methods: {
			
			maskClick() {
				console.log(123)
			},
			time() {
				return this.single
			}
		}
	}
</script>

<style scoped>
	
	.lf-time {
		color: rgba(113, 113, 113, 1.0);
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
	}
	
	.lf-time:hover {
		cursor: pointer;
	}
	
</style>